/**
var a = document.createElement("a") , style , less = [];
var pre = ".pre(@style,@value){\n";
pre += '\t-webkit-@{style}: @value;\n';
pre += '\t   -moz-@{style}: @value;\n';
pre += '\t\t-ms-@{style}: @value;\n';
pre += '\t\t\t@{style}: @value;\n}';

var tmp = '.style(@value){\n';
tmp += '\t.pre(style,@value)\n}';

less.push(pre);
for( var i in a.style ){
	if( !/^webkit/.test(i) )continue;

	style = i.replace(/[A-Z]/g,function(i){return "-"+i}).replace(/^webkit\-/,'').toLowerCase();
	less.push(tmp.replace(/style/g,style));
}
console.log(less.join('\n'))
 */
#main-box {
  position: relative;
  overflow: hidden;
}
#main-box .hand {
  background: url(../case/icon_long_hand.png);
  position: absolute;
  left: 50%;
  bottom: 10px;
  height: 108px;
  width: 81px;
  background-size: cover;
  z-index: 2;
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}
#main-box .test-point {
  position: absolute;
  width: 5px;
  height: 5px;
  background: black;
}
